
/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute; top:0px;
  z-index:9000;
  background-color:#000;
  display:none;
}

.videoFrame {
	float:left;
	border: 1px solid #E6E6E6;
	padding:5px;
	background-color:#FFF;
	width:640;
	height:480;
	margin-left:10px;
	margin-top:10px;
}

.videoHeader {
	background-color:#89C50F;
	float:left;
	width:730px;
	height:20px;
	-moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px;
	color:#333;
	text-align:center;
}

.videoHeader a {
	color:#FFF;
}
  
#boxes .window {
	
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	border: 1px solid #E6E6E6;
	-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;

	position:absolute;
	background-color:#FAFAFA;
	width:752px;
	height:600px;
	display:none;
	z-index:9999;
	padding:2px;
	padding-top:2px;
	padding-right:2px;
}

#boxes #dialog {
  width:752px; 
  height:600px;
}

.chatFrame {
	float:left;
	padding:5px;
	background-color:#FAFAFA;
}

.chat {
	padding:5px;
	background-color:#FAFAFA;
	position:absolute; 
	top:55;
}

.chatMessage {
	text-align:left;
	padding-left:5px;
	width:190px;
	font-family:Comic Sans, sans-serif; font-size:11px;
}

.chatButton {
	margin-top:3px;
	color:#444444;
	border:0px;
	background-color:transparent;
	height:25px;
	width:60px;	
	cursor:hand;
	font-family:Comic Sans, sans-serif; font-weight:bold; font-size:12px;
	background:#FAFAFA;
	border:1px solid #E6E6E6;
	-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	border-bottom:1px solid #9f9f9f;
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 0 1px 0 rgba(255,255,255,0.5);
}

#videoContent {
	font-family:Comic Sans, sans-serif; font-size:12px;
	margin-top:20px;
}
